<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>发现</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/found.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2617324_omgy37xw63d.css">
</head>
<body>
    <!-- 头部 -->
    <header>
        <ul>
            <!-- 返回按钮 -->
            <li class="back"><a href="index.html"><input type="button" value="Back"></a></li>
            <li>发现</li>
            <!-- 选择城市框 -->
            <li><select name="city" id="">
                <option value="gz">广州市</option>
                <option value="bj">北京市</option>
                <option value="sh">上海市</option>
                <option value="sz">深圳市</option>
            </select></li>
        </ul>
    </header>
    <!-- 主体部分 -->
    <div class="main">
        <!-- 搜索框 -->
        <div class="search">
            <div class="search_in">
                <input type="text" placeholder="请输入商品名称">
                <input type="button">
            </div>
            <h2>大家都在搜</h2>
            <ul>
                <li>寿司</li>
                <li>羽毛球</li>
                <li>火锅</li>
                <li>游泳馆</li>
                <li>电影</li>
                <li>周黑鸭</li>
                <li>KTV</li>
                <li>肯德基</li>
            </ul>
        </div>
        <!-- 热门搜索 -->
        <div class="hot_search">
            <!-- 标题栏 -->
            <h2>
                <div class="left">
                    <img src="./images/found/形状 22.jpg" alt="">
                    <span>热门搜索</span>
                </div>
                <div class="right">
                    <a href="#">
                        <label>
                            <span>更多</span>
                            <i class="iconfont icon-xingzhuang4fuben"></i>
                        </label>
                    </a>
                </div>
            </h2>
            <!-- 图片 -->
            <div class="picture">
                <div class="pic_01">
                    <a href="#"><img src="./images/found/图层 1.jpg" alt=""></a>
                </div>
                <div class="pic_02">
                    <a href="#"><img src="./images/found/图层 2.jpg" alt=""></a>
                    <a href="#"><img src="./images/found/图层 3.jpg" alt=""></a>
                    <a href="#"><img src="./images/found/图层 4.jpg" alt=""></a>
                </div>
            </div>
        </div>
        <!-- 推荐搜索 -->
        <div class="recommend">
            <!-- 标题栏 -->
            <h2>
                <div class="left">
                    <img src="./images/found/形状 16.jpg" alt="">
                    <span>推荐搜索</span>
                </div>
                <div class="right">
                    <a href="#">
                        <label>
                            <span>更多</span>
                            <i class="iconfont icon-xingzhuang4fuben"></i>
                        </label>
                    </a>
                </div>
            </h2>
            <!-- 图片链接 -->
            <ul>
                <li><a href="#"><img src="./images/found/图层 5.jpg" alt=""></a></li>
                <li><a href="#"><img src="./images/found/图层 6.jpg" alt=""></a></li>
                <li><a href="#"><img src="./images/found/图层 7.jpg" alt=""></a></li>
            </ul>
        </div>
    </div>
    <!-- 底部 -->
    <footer>
        <ul>
            <li>
                <a href="index.html">
                    <i class="iconfont icon-shouye1"></i>
                    <span>首页</span>
                </a>
            </li>
            <li>
                <a href="classify.html">
                    <i class="iconfont icon-fenlei4"></i>
                    <span>分类</span>
                </a>
            </li>
            <li>
                <a href="found.html">
                    <i class="iconfont icon-faxian_02"></i>
                    <span>发现</span>
                </a>
            </li>
            <li>
                <a href="personal_center.html">
                    <i class="iconfont icon-wode"></i>
                    <span>我的</span>
                </a>
            </li>
        </ul>
    </footer>
</body>
</html>